<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/scrollbar.css"/>
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
		<style type="text/css">
			td {
				vertical-align: middle !important;
			}
			.where {
				width: 100%;
				height: 100px;
			}
			.where td {
				text-align: center;
			}
			.where-border {
				border: 1px solid #DDDDDD;
				padding: 10px 0px;
				margin-bottom: 15px;
			}
		</style>
	</head>
	<body>
		
		<div class="container">
			<ol class="breadcrumb">
			  <li><a href="#">首页</a></li>
			  <li><a href="#">商品</a></li>
			  <li class="active">商品列表</li>
			</ol>
			<div class="where-border">
				<table class="where">
					<tr>
						<td>商品名称</td>
						<td>
							<input type="text" class="form-control">
						</td>
						<td>货号</td>
						<td>
							<input type="text" class="form-control">
						</td>
						<td>分类</td>
						<td>
							<select class="form-control">
								<option value="">请选择</option>
							</select>
						</td>
						<td>
							<button class="btn btn-warning">重置</button>
						</td>
					</tr>
					<tr>
						<td>品牌</td>
						<td>
							<input type="text" class="form-control">
						</td>
						<td>上架状态</td>
						<td>
							<select class="form-control">
								<option value="">请选择</option>
							</select>
						</td>
						<td>审核状态</td>
						<td>
							<select class="form-control">
								<option value="">请选择</option>
							</select>
						</td>
						<td>
							<button class="btn btn-primary">查询</button>
						</td>
					</tr>
				</table>
			</div>
			<table class="table table-bordered table-hover">
				<thead>
					<tr>
						<th><input type="checkbox"></th>
						<th>编号</th>
						<th>商品图片</th>
						<th>商品名称</th>
						<th>价格</th>
						<th>标签</th>
						<th>排序</th>
						<th>SKU库存</th>
						<th>销量</th>
						<th>审核状态</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><input type="checkbox"></td>
						<td>1</td>
						<td><img src="img/cover.png" ></td>
						<td>华为P40 Pro</td>
						<td>3999</td>
						<td></td>
						<td>3</td>
						<td>1000</td>
						<td>600</td>
						<td>未审核</td>
						<td>
							<a href="" class="btn btn-default btn-xs">查看</a>
							<a href="" class="btn btn-info btn-xs">编辑</a>
							<a href="" class="btn btn-default btn-xs">日志</a>
							<a href="" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>1</td>
						<td><img src="img/cover.png" ></td>
						<td>华为P40 Pro</td>
						<td>3999</td>
						<td></td>
						<td>3</td>
						<td>1000</td>
						<td>600</td>
						<td>未审核</td>
						<td>
							<a href="" class="btn btn-default btn-xs">查看</a>
							<a href="" class="btn btn-info btn-xs">编辑</a>
							<a href="" class="btn btn-default btn-xs">日志</a>
							<a href="" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>1</td>
						<td><img src="img/cover.png" ></td>
						<td>华为P40 Pro</td>
						<td>3999</td>
						<td></td>
						<td>3</td>
						<td>1000</td>
						<td>600</td>
						<td>未审核</td>
						<td>
							<a href="" class="btn btn-default btn-xs">查看</a>
							<a href="" class="btn btn-info btn-xs">编辑</a>
							<a href="" class="btn btn-default btn-xs">日志</a>
							<a href="" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>1</td>
						<td><img src="img/cover.png" ></td>
						<td>华为P40 Pro</td>
						<td>3999</td>
						<td></td>
						<td>3</td>
						<td>1000</td>
						<td>600</td>
						<td>未审核</td>
						<td>
							<a href="" class="btn btn-default btn-xs">查看</a>
							<a href="" class="btn btn-info btn-xs">编辑</a>
							<a href="" class="btn btn-default btn-xs">日志</a>
							<a href="" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>1</td>
						<td><img src="img/cover.png" ></td>
						<td>华为P40 Pro</td>
						<td>3999</td>
						<td></td>
						<td>3</td>
						<td>1000</td>
						<td>600</td>
						<td>未审核</td>
						<td>
							<a href="" class="btn btn-default btn-xs">查看</a>
							<a href="" class="btn btn-info btn-xs">编辑</a>
							<a href="" class="btn btn-default btn-xs">日志</a>
							<a href="" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>1</td>
						<td><img src="img/cover.png" ></td>
						<td>华为P40 Pro</td>
						<td>3999</td>
						<td></td>
						<td>3</td>
						<td>1000</td>
						<td>600</td>
						<td>未审核</td>
						<td>
							<a href="" class="btn btn-default btn-xs">查看</a>
							<a href="" class="btn btn-info btn-xs">编辑</a>
							<a href="" class="btn btn-default btn-xs">日志</a>
							<a href="" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>1</td>
						<td><img src="img/cover.png" ></td>
						<td>华为P40 Pro</td>
						<td>3999</td>
						<td></td>
						<td>3</td>
						<td>1000</td>
						<td>600</td>
						<td>未审核</td>
						<td>
							<a href="" class="btn btn-default btn-xs">查看</a>
							<a href="" class="btn btn-info btn-xs">编辑</a>
							<a href="" class="btn btn-default btn-xs">日志</a>
							<a href="" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>1</td>
						<td><img src="img/cover.png" ></td>
						<td>华为P40 Pro</td>
						<td>3999</td>
						<td></td>
						<td>3</td>
						<td>1000</td>
						<td>600</td>
						<td>未审核</td>
						<td>
							<a href="" class="btn btn-default btn-xs">查看</a>
							<a href="" class="btn btn-info btn-xs">编辑</a>
							<a href="" class="btn btn-default btn-xs">日志</a>
							<a href="" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
				</tbody>
			</table>
			<nav>
			  <ul class="pagination pull-right">
			    <li>
			      <a href="#" aria-label="Previous">
			        <span aria-hidden="true">&laquo;</span>
			      </a>
			    </li>
			    <li><a href="#">1</a></li>
			    <li><a href="#">2</a></li>
			    <li><a href="#">3</a></li>
			    <li><a href="#">4</a></li>
			    <li><a href="#">5</a></li>
			    <li>
			      <a href="#" aria-label="Next">
			        <span aria-hidden="true">&raquo;</span>
			      </a>
			    </li>
			  </ul>
			</nav>
		</div>
		
	</body>
</html>
